<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>欢迎页面-L-admin1.0</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="shortcut icon" th:href="@{~/UI/favicon.ico}" type="image/x-icon" />
  <link rel="stylesheet" th:href="@{~/UI/css/font.css}">
  <link rel="stylesheet" th:href="@{~/UI/css/xadmin.css}">
  <script th:src="@{~/UI/js/jquery.min.js}"></script>
  <script th:src="@{~/UI/lib/layui/layui.js}"></script>
  <script type="text/javascript" th:src="@{~/UI/js/xadmin.js}"></script>
  <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
<div class="x-body">
  <form class="layui-form" id="addbuilding">
    <div class="layui-form-item">
      <label for="bname" class="layui-form-label">
        <span class="x-red">*</span>楼栋
      </label>
      <div class="layui-input-inline">
        <input type="text" id="bname" name="bname" required lay-verify="required|bname"
               autocomplete="off" class="layui-input">
      </div>
    </div>
  </form>
    </div>

    <div class="layui-form-item">
      <label for="L_repass" class="layui-form-label">
      </label>
      <button  class="layui-btn" lay-filter="add" lay-submit="">
        增加
      </button>
    </div>
  </form>
</div>
<script>
  layui.use(['form','layer'], function(){
    $ = layui.jquery;
    var form = layui.form
            ,layer = layui.layer;

    //自定义验证规则
    form.verify({
      require : function(value) {
        value = $.trim(value);
        if (!value) {
          return "必填项不能为空";
        }
      }

    });

    //监听提交
    form.on('submit(add)', function(data){
      console.log(data);
      layer.alert("增加成功", {icon: 6},function () {
        var datas = $("#addbuilding").serialize();
        //alert(JSON.stringify(datas));n
        $.ajax({
          type:"POST",
          url: "addbuilding",
          dataType:"text",
          data:datas,//请求的附加参数，用json对象
          success: function (res) {
            if(res=="1"){
              window.parent.location.reload();
              // 获得frame索引
              var index = parent.layer.getFrameIndex(window.name);
              //关闭当前frame
              parent.layer.close(index);
            }else {
              layer.alert("增加失败",{icon: 6},function () {

              })
            }
          },
          error:function (data) {
            layer.alert("错误",{icon: 6},function () {

            })
          }
        });
      });
      return false;
    });
  });
</script>
</body>

</html>